<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>4-案例-注册表单</title>
</head>
<body>
    <div>
        <h1>青春不常在，抓紧谈恋爱</h1>
        <hr>
        <p>昵称: <input type="text" placeholder="请输入昵称..."></p>
        <p>性别: <input type="radio" name="sex" value="0" checked>男 <input type="radio" name="sex" value="1">女</p>
        <p>所在城市:
            <select name="city">
                <option value="-1">请选择城市</option>
                <option value="1">西安</option>
                <option value="2" selected>厦门</option>
                <option value="3">珠海</option>
            </select>
        </p>
        <p>
            婚姻状况：
            <input type="radio" name="ishas" value="0" checked>已婚
            <input type="radio" name="ishas" value="1">未婚
            <input type="radio" name="ishas" value="2">未知
        </p>
        <p>
            喜欢的类型：
            <input type="checkbox" name="hobby" value="0" checked>可爱
            <input type="checkbox" name="hobby" value="1" checked>性感
            <input type="checkbox" name="hobby" value="2">御姐
            <input type="checkbox" name="hobby" value="3">萝莉
            <input type="checkbox" name="hobby" value="4">小鲜肉
            <input type="checkbox" name="hobby" value="5">大叔
        </p>
        <p>
            个人介绍：
            <textarea name="descr" cols="30" rows="3"></textarea>
        </p>
        <h2>我承诺</h2>
        <ul>
            <li>年满18岁，单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
        <p><input type="checkbox" name="opinion" value="1">同意所有条款</p>
        <p>
            <input type="submit" value="免费注册">
            <input type="reset" value="重置">
        </p>
    </div>
</body>
</html>